@charset "UTF-8";
/* 768以下 */
		header #logo{
		display: inline-block;
		width: 180px;
		height: 37px;
		background: url(../images/22.png) no-repeat;
		background-size:  auto 40px;
		transition: 0.7s;
		}
		.main-body .page1 .row{
		background: transparent;
		padding-top: 60px;
		margin-right: 15px;
		}
		.main-body .page1 .btn-default{
		background: transparent;					
		height: 60px;
		border-radius: 6px;
		margin-top: 10px;					
		}
		.main-body .page1 h1{
			width:700px;
			height: 130px;
			text-indent: -50px;
			font-size:33px;
			line-height: 60px;
			padding-left: 120px;
		}
		.main-body .page1 .btn-default a{
		text-decoration: none;
		color: white;
		}
		.main-body .page1 .btn-default:first-child{
		background: red;
		}
		.main-body .page1 .btn-default:hover{
		background:#858585; 
		}
		header .navbar-default{
		background-color: #e4dddb;
		border: none;
		}
		header #my-menu ul li a:hover{
		color: red;
		}
		.main-body .page1{				
		min-height: 800px;
		background: url(../images/4.jpg) no-repeat 50%  fixed;
		background-size: cover;
		}
		.page2 .row #a11 li a{
		position: relative;
		width: 615px;
		height: 52px;
		color: #333;
		font-size: 20px;
		border-bottom: 2px solid #fff;
		text-align: center;					
		}

		.page2 .row #a11 li a img{
		float: left;
		}
		.page2 .row #a11 li a:hover{
		border-bottom: 2px solid red;
		}
		.page2 .row #a11 li .a1111{
		border-bottom: 2px solid red;										
		}
		.page3 .container{
		width: 100%;
		height: auto;
		}
		.page3{
		width: 100%;
		height: auto;
		}
		.page3 .container .row .nav{
		padding-left: 20px;
		}

		.page3 .container .row ul li a div{
			position: absolute;
			color: white;
			top: 22%;
			left: 30%;
		}
		.page3 .container .row ul li a div h3,p{
		text-align: center;										
		}
		.page3 .container .row ul li a div p{
		border-top: 2px solid white;
		margin-top: 15px;
		padding-top: 10px;
		opacity: 0;
		transition: all 0.7s;
		}

		.page3 .container .row ul li a div h3{
		opacity: 0;
		transition: all 0.7s;
		}
		.page3 .container .row ul li a div h3.shou1{
		opacity: 1;
			transform: translateY(5px);
		}
		.page3 .container .row ul li a div p.shou{
			opacity: 1;
			transform: translateY(-5px);
		}
		.page3 #gengduo{
		margin-left: 0px;
		margin-right: 0px;
		}
		#page4{
		min-height:550px;
		background: #333 url('../images/13.jpg')  50% 0 no-repeat fixed;
		background-size: auto;
		text-align: center;				
		}
		#page4 #zhong2 h3{
		margin-left: -218px;
		font-size: 25px;
		}
		#page4 #zhong1 h3{
		margin-left: -400px;
		}
		#page4 #zhong h3{
		margin-left: -450px;
		}
		#page4 #zhong h3 a{
		font-size: 15px;
		text-decoration: none;
		color: #666;
		}
		#page4 #zhong1 h3 a{
		font-size: 15px;
		text-decoration: none;
		color: #666;
		}
		#page4 #zhong h3 img{
		width: 40px;
		height: 50px;
		}
		#page4 #zhong1 h3 img{
		width: 40px;
		height: 50px;
		}

		#page4 .aaaaaa ul{
		position: relative; 
		height: 40px;
		width: 100%;
		padding-left:280px;
		float: left;
		}
		#page4 .aaaaaa ul li{
		width: 28px;
		height: 18px;
		margin-left: 40px;
		}
		#page4 .aaaaaa ul li a{
		width: 30px;
		height: 30px;
		padding: 0px;
		margin-right: 0px
		}
		#page4 .aaaaaa ul li a:hover{
		background-color: red
		}

		#page4 .row #zhong h3{
		text-decoration: none;
		color: #666;
		font-size: 30px;
		padding-left: 40px;

		}
		#page4 .row #zhong h3 img{
		width: 54px;
		height: 50px;
		}
		#page4 .row #zhong1 h3{
		text-decoration: none;
		color: #666;
		font-size: 30px;
		padding-left: 40px;

		}
		#page4 .row #zhong1 h3 img{
		width: 54px;
		height: 50px;
		}
		#page4 .row #zhong1 h3 a{
		text-decoration: none;
		color: #666;
		font-size: 30px;
		}
		#page4 .row #zhong h3 a{
		text-decoration: none;
		color: #666;
		font-size: 30px;
		}
		#page4 .row #zhong2 h3{
		padding-left: 50px;
		}

@media (max-width: 425px) {
		#page4 .aaaaaa ul{

		width: 100%;
		height: 100px;
		margin-left: -100px;
		}
		.page1 #zhong9 h1 {
			font-size: 30px;
			line-height: 1.6em;					
			font-weight: normal;
			width: 90%;
			text-transform: uppercase;
			margin: 0;												
			padding: 0;
			border:0;
			text-indent: -30px;
		}
		.page1{
			padding: 0;
			margin: 0;
		}
		.page1 #zhong9{
		text-align: center;
		position: absolute;
		z-index: 11;
		width: 100%;
		padding-left: 90px;
		margin: 0;
		}
		.page1 #zhong10 #zhong11{
		margin-left: 97px;
		margin-top: 240px;

		}
		}

		#page4 .aaaaaa ul li{
		margin-top: 20px;

		float: left;
		}
		#zhong3 li #zhong14{
		background: url("../images/19.png") no-repeat 11px -620px;
		position: absolute;
		width: 50px;
		height: 50px;				
		border: 1px solid #858585;
		border-radius: 100%;
		transition: border 0.7s;

		}
		#zhong3 li #zhong14:hover{
		background: url("../images/19.png") no-repeat 11px -672px;
		border: 1px solid white;
		}
		#zhong3 li a#vvvv1{
		background: url("../images/19.png") no-repeat 9px -752px;
		width: 50px;
		height: 50px;
		border: 1px solid #858585;
		border-radius: 100%;
		transition: border 0.7s;				
		}
		#zhong3 li a#vvvv1:hover{
		background: url("../images/19.png") no-repeat 9px -806px;
		border: 1px solid white;
		}
		.page2 .row #a11 li a{

		width: 100%;
		height: 52px;
		color: #333;
		font-size: 20px;
		border-bottom: 1px solid #fff;
		}
		.page2 .row #a11 li a:hover{
		border-bottom: 2px solid red;
		}
		.page2 .row #a11 li .a1111{
		border-bottom: 2px solid red;					
		}


@media  (max-width: 767px) and (min-width: 425px)
		{
			.page1 #zhong9 h1 {
			font-size: 30px;
			line-height: 1.6em;					
			font-weight: normal;
			width: 90%;
			text-transform: uppercase;
			margin: 0;												
			padding: 0;
			border:0;
			text-indent: -30px;
		}

		.page1{
			padding: 0;
			margin: 0;
		}
		.page1 #zhong9{
		text-align: center;
		position: absolute;
		z-index: 11;
		width: 100%;
		padding-left: 90px;
		margin: 0;
		}
		.page1 #zhong9{
		margin-left: 50px;
		}
		.page1 #zhong10 #zhong11{
		margin-left: 157px;
		margin-top: 220px;

		}
		}
		.page1 #zhong10{
		position: absolute;
		padding-right: 160px;
		padding-top: 150px;

		}


		#page4 .aaaaaa ul{
		padding-left: 180px;
		}
		.navbar-nav{
		margin: 0px;
		}
		#page4 #zhong12{
		margin-left: 350px;
		}
		#page4 #zhong13{
		padding-left: 150px;

		}
		#page4 #zhong13 img{
		width: 54px;
		height: 54px;
		}
		/* 786以上 */
@media (min-width: 786px) {
		header #logo{
		width: 200px;
		height: 40px;
		background: url(../images/23.png) no-repeat;
		background-size:  auto 40px;
		margin-left: 200px;
		}
		/*导航条背景*/
		header .navbar-default{
		background-color: transparent;
		border: none;
		}
		header .navbar-default .navbar-nav>li>a{
		color: #fff;
		font-size: 20px;
		/* border-bottom: 1px solid white; */					
		}
		header .navbar-default .navbar-nav>li>a:hover{
		color: white;
		}
		header .navbar-default .navbar-nav>li:last-child{
		margin-right: 150px;
		}
		header .nav>li>a{
		padding: 10px 0px;
		margin-right: 50px;
		}
		header .navbar-default .navbar-nav>li>a:after{
		width: 100%;
		height: 2px;
		content: "";
		opacity: 0;
		position: absolute;
		display: inline-block;
		background: #fff;
		left: 0px;
		bottom: -5px;
		transition: all .7s;
		}
		header .navbar-default .navbar-nav>li>a:hover:after{
		opacity: 1;
		transform: translateY(-3px);
		}
		header.headerStyle #logo{
		display: block;
		width: 200px;
		height: 50px;
		background: url(../images/22.png) no-repeat;
		background-size:  auto 45px;
		margin-left: -10px;

		}
		header.headerStyle .navbar-default{
		background: #fbf7f6;
		height: 40px;										
		}
		header.headerStyle .navbar-nav li a{
		color: #858585;
		}
		header.headerStyle .navbar-nav{
		margin-right: -150px;
		transition: all 0.7s;
		}
		header.headerStyle .navbar-default .navbar-nav>li>a:after{
		width: 100%;
		height: 2px;
		display: block;
		position: absolute;
		content: "";						
		bottom: -14px;
		}
		header.headerStyle .navbar-default .navbar-nav>li>a:hover:after{

		background: red;
		}
		header.headerStyle .navbar-default .navbar-nav>li>a:hover{
		color: red;
		}
		.main-body .page1 .row{
		background: transparent;
		padding-top: 200px;
		margin-right: 15px;

		}
		.main-body .page1 .col-lg-offset-3 {
			margin-left: 19%;
		}
		.main-body .page1 .col-lg-offset-4 {
			margin-left: 28%;
		}
		.main-body .page1 h1{
			width: 900px;
			height: 150px;
			text-indent: -40px;
			font-size:48px;
			line-height: 80px;
		}
		.main-body .page1 .btn-default{
		background: transparent;
		width: 200px;
		height: 60px;
		border-radius: 5px;
		margin: 30px 0px 0px 80px;
		}
		.main-body .page1 .btn-default a{
		text-decoration: none;
		color: white;
		}
		.main-body .page1 .btn-default:first-child{
		background: red;
		}
		.main-body .page1 .btn-default:hover{
		background:#858585; 
		}

		.page2 .row #a11 li a{

		width: 100%;
		height: 52px;
		color: #333;
		font-size: 20px;
		border-bottom: 2px solid #fff;
		}
		.page2 .row #a11 li a:hover{
		border-bottom: 2px solid red;
		}
		.page2 .row #a11 li .a1111{
		border-bottom: 2px solid red;


		}
		.page3 .container{
		width: 100%;
		height: auto;
		}
		.page3{
		width: 100%;
		height: auto;
		}
		.page3 .container .row .nav{
		padding-left: 20px;
		}
		.page3 .container .row ul li{
		position: relative;
		z-index: 5;
		}
		.page3 .container .row ul li a{
		position: relative;
		z-index: 3;
		}
		.page3 .container .row ul li a img{
		position: relative;
		z-index: -1;
		}
		.page3 .container .row ul li a div{
			position: absolute;
			color: white;
			top: 24%;
			left: 36%;
			z-index: 4;
		}

		.page3 .container .row ul li a div h3,p{
		text-align: center;										
		}
		.page3 .container .row ul li a div p{
		border-top: 2px solid white;
		margin-top: 15px;
		padding-top: 10px;
		opacity: 0;
		transition: all 0.7s;
		}

		.page3 .container .row ul li a div h3{
		opacity: 0;
		transition: all 0.7s;
		}
		.page3 .container .row ul li a div h3.shou1{
		opacity: 1;
			transform: translateY(5px);
		}
		.page3 .container .row ul li a div p.shou{
			opacity: 1;
			transform: translateY(-5px);
		}
		.page3 {
		background: #f8f8f8;
		}
		.page3 #gengduo #gengduo1{								
		line-height: 24px;
		font-size: 20px;

		}
		.page3 #gengduo #gengduo1:hover{
		background: #858585;
		transition: all 0.2s;
		color: white;
		}

		#page4 .container .aaaaaa a:hover{
		background-color: red;
		border:1px solid white;
		transition: all 0.7s;

		}
		footer .row .col-lg-12 ul li{
		float: left;
		padding-left: 20px;

		}
		footer .row .col-lg-12 ul li a{
		text-decoration: none;
		color: #858585;
		}
		footer .row .col-lg-12 ul li a:hover{
		color: #666;
		}

		#page4 .aaaaaa ul li{
		width: 28px;
		height: 18px;
		margin-left: 30px;
		}
		#page4 .aaaaaa ul li a{
		width: 30px;
		height: 30px;
		padding: 0px;
		margin-right: 0px
		}

		#page4 .row #zhong h3{
		text-decoration: none;
		color: #666;
		font-size: 30px;
		padding-left: 750px;

		}
		#page4 .row #zhong h3 img{
		width: 54px;
		height: 50px;
		}
		#page4 .row #zhong1 h3{
		text-decoration: none;
		color: #666;
		font-size: 30px;
		padding-left: 190px;

		}
		#page4 .row #zhong1 h3 img{
		width: 54px;
		height: 50px;
		}
		#page4 .row #zhong1 h3 a{
		text-decoration: none;
		color: #666;
		font-size: 30px;
		}
		#page4 .row #zhong h3 a{
		text-decoration: none;
		color: #666;
		font-size: 30px;
		}
		#page4 .row #zhong2 h3{
		padding-left: 400px;
		}
		#page4 .row #zhong3{
		padding-left: 540px;
		padding-top: 50px;
		}



		header .navbar-default{
		background: transparent;
		float: right;
		}



		.page1 #zhong9{
		padding-left: 200px;
		}
		.page1 #zhong11{
		padding-left: 350px;
		}

		#page4 #zhong12{
		margin-left: -50px;
		}
		#page4 #zhong13{
		margin-left: -350px;

		}
		#page4 #zhong13 img{
		width: 54px;
		height: 54px;
		}

		}
		footer{
		background: #323538;
		}
		footer #zhong4 ul{
		margin-top: 40px;
		}
		footer #zhong4 ul a{

		text-decoration: none;
		color: #858585;
		}
		footer #zhong4 ul a:hover{
		color: #666;
		}
		footer #zhong8{
		margin-top: 40px;
		}

		#pppp span{
		background:   url(../images/19.png) no-repeat 8px -1225px;
		position: absolute;
		border: 1px solid #858585;
		border-radius: 100%;
		width: 40px;
		height: 40px;
		}
		#pppp span:hover{
		background:   url(../images/19.png) no-repeat 8px -1225px;
		background-color: #ddd;

		}
		#tu8 div{
		width: 100%;
		}
		#tu8 div img{
		display: none;


		}
		#tu8 div.abt img{
		display: block;

		}